    
    
    .shortcut-wrap{padding-bottom:8px;background:#fff;box-shadow: 0px 3px 6px 0px rgba(85, 85, 85, 0.13);}
    .shortcut-wrap a>.img-wrap{width: 52px;height: 52px;display: table-cell;overflow: hidden;border-radius: 50%;}
    .shortcut-wrap a>p{display: table-cell;vertical-align: middle;line-height:24px;overflow: hidden;padding-left:20px;font-size: 16px;color: #333;}
    .shortcut-wrap a{width: 33%;float: left;display: table;margin-top: 12px;padding-right:36px;box-sizing: border-box;}
    .shortcut-wrap a:last-child{float: right;}
    .shortcut-wrap a:hover>p,
    .news-list>a:hover>p{color: #0e4d8c;}
 
    /* .section-title{float:left;margin:40px 0 20px;line-height: 26px;border-left:4px solid #0e4d8c;padding-left:17px;font-size: 24px;color: #333;}
    .section-title>span{font-size: 18px;color: #999;padding-left: 13px;} */
    .btn-check{float:right;margin-top:24px;width: 130px;height: 40px;line-height:40px;border:1px solid #0e4d8c;box-sizing: border-box;text-align: center;font-size:16px;color: #0e4d8c;}
    .btn-check:hover{background: #0e4d8c;color: #fff;}

    .news-list{margin-left: -18px;}
    .news-list>a{position:relative;float:left;width:calc((100% - 72px)/4);height:234px;line-height:24px;margin-left:18px;margin-bottom:18px;overflow: hidden;font-size: 16px;color: #333;transition: all .5s;background: #fff;}
    .news-list>a:hover{top:-3px;box-shadow: 0px 3px 8px 0px rgba(85, 85, 85, 0.44);}
    .news-list>a>p{padding:6px 25px 0 15px;}
    .news-list>a>.img-wrap{height: 163px;}
    .news-list.no-marb>a,.news-list.last3>a:nth-of-type(4),.news-list.last3>a:nth-of-type(5),.news-list.last3>a:nth-of-type(6){margin-bottom: 0;}


    .swiper-container {width: 100%;height: 560px;margin:70px auto 0;}  
    .swiper-content{height: 100%;display: block;background-repeat: no-repeat;background-position: center top;}
    .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity: 1;}
    .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;width: 38px;height: 12px;border-radius: 6px;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:30px;}
    .swiper-item-text{position:absolute;right:0;left:50%;top:0;transform: translateX(67%);-webkit-transform:translateX(67%);z-index:10;width:360px;height: 560px;line-height:24px;padding:0 30px;background: rgba(0,0,0,.6);text-align: left;color:#fff;border:1px solid #6a6464;box-sizing: border-box;}
    .swiper-item-text a{display: block;padding-bottom: 16px;font-size: 14px;color:#bdbdbd;border-bottom:1px solid #3d3d3d;}
    .swiper-item-text a:last-child{border-bottom: 0;}
    .swiper-item-text a.active>h3{color:#d4f0ff;}
    .swiper-item-text a>h3{padding:16px 0 10px;color:#fff;font-size:18px;}
    
    .create-wrap{margin-top:36px;width:100%;height:196px;background: #2e393d url(../images/banner/create-bg.jpg) center top no-repeat;}
    .create-wrap .inner{height:100%;padding-left:218px;background:url(../images/icon-create.png) 28px center no-repeat;box-sizing: border-box;}
    .create-wrap .inner>h3{padding-top:40px;font-size: 22px;color: #fff;}
    .create-wrap .inner>p{width:80%;padding:22px 0 18px;color: #e6e6e6;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
    .create-wrap .inner>a{display:block;width:185px;line-height:40px;border:1px solid #fff;font-size: 16px;color: #e6e6e6;box-sizing: border-box;text-align:center;}
    .create-wrap .inner>a:hover{background: #0e4d8c;border-color: #0e4d8c;}

    .share-wrap{margin-bottom: 54px;}
    .share-wrap .article{float: left;width: calc(100% - 398px);}
    .share-wrap .intro{float: right;width: 368px;}
    .share-wrap .intro .content{padding:22px 36px 0 30px;background: #fff;height: 508px;line-height: 24px;color: #666;box-sizing: border-box;}
    .share-wrap .intro .content>p{margin-bottom: 26px;text-indent: 2em;}
    .share-wrap .latest{line-height:66px;padding:0 15px 0 21px;margin-bottom:24px;background: #fff;box-sizing: border-box;}
    .share-wrap .latest>span{float: right;font-size: 16px;color: #666;}
    .share-wrap .latest>a{float:left;width:47%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color: #0e4d8c;font-size: 18px;}
    .share-list>a{position:relative;float:left;width:calc((100% - 34px)/2);height:416px;overflow: hidden;background: #fff;transition: all .5s;}
    .share-list>a:last-child{margin-left: 34px;}
    .share-list>a>h3{padding:6px 20px 0;line-height:40px;font-size: 18px;font-weight: bold;}
    .share-list>a>p{padding:0 20px;line-height:24px;color: #666;}
    .share-list>a:hover{box-shadow: 0px 3px 8px 0px rgba(85, 85, 85, 0.44);top:-3px;}
    .share-list>a:hover>h3{color: #0e4d8c;}
    .share-list>a>.img-wrap{height: 218px;}
    .share-list>a>.img-wrap>img{width: 100%;height: 100%;}
    
  @media screen and (max-width: 750px){
    .container {width: 100%;}
    .swiper-item-text{left:50%;top:0;transform: translateX(-50%);-webkit-transform:translateX(-50%);z-index:10;width:360px;height: 560px;line-height:24px;padding:0 30px;background: rgba(0,0,0,.6);text-align: left;color:#fff;border:1px solid #6a6464;box-sizing: border-box;}
    .news-list {margin-left:0}
    .news-list>a{width:100%;margin-left:0;height:auto;padding:15px;box-sizing: border-box;}
    .news-list>a>p{padding:6px 10px 0 10px;}
    .xs-none{display: none;}
    .btn-check {margin: 33px 0 0 0;line-height: 32px;height:32px;width: 120px;}
    .create-wrap .inner{padding-left: 0;background: none;}
    .share-wrap .article{float: inherit;width:100%;}
    .share-wrap .intro{float: inherit;width: 100%;box-sizing: border-box;height: auto;}
    .share-wrap .latest{width: 100%;line-height: 32px;}
    .share-wrap .latest>span{display: block;float: inherit;font-size: 14px;}
    .share-wrap .latest>a{font-size: 16px;width: 100%;}
    .share-list>a{display:block;float: inherit;height:auto;width:100%;margin:10px auto;padding-bottom: 20px;}
    .share-list>a:last-child{margin-left: 0;}
    .list-info {padding: 10px 0 0 10px;}
    .shortcut-wrap a{width: 100%;}
    
    .create-wrap .inner>h3{font-size: 18px;text-align: center;}
    .create-wrap .inner>p,.create-wrap .inner>a{margin:0 auto;}
    .share-wrap .intro .content {padding: 20px;height: auto;}
  }
  @media screen and (min-width: 750px) and (max-width:1200px){
    .swiper-item-text{left:32%;transform: translateX(40%);-webkit-transform:translateX(40%);}
      
  }
  